<template>
  <div>
    <VTabs
      v-model="currentTab"
      class="v-tabs-pill"
    >
      <VTab>配置项管理</VTab>
      <VTab>执行器管理</VTab>
      <VTab>Chain管理</VTab>
      <VTab>EL管理</VTab>
    </VTabs>

    <VCard class="mt-5">
      <VCardText>
        <VWindow v-model="currentTab">
          <VWindowItem :key="0">
            <ConfigList />
          </VWindowItem>
          <VWindowItem :key="1">
            <FlowExecutor />
          </VWindowItem>
          <VWindowItem :key="2">
            <Chain />
          </VWindowItem>
          <VWindowItem :key="3">
            <EL />
          </VWindowItem>
        </VWindow>
      </VCardText>
    </VCard>
  </div>
</template>

<script setup>
import FlowExecutor from '@/views/liteflow/el/FlowExecutor.vue'
import Chain from '@/views/liteflow/el/chain.vue'
import ConfigList from '@/views/liteflow/el/configList.vue'
import EL from '@/views/liteflow/el/el.vue'

const currentTab = ref(0)
</script>
